<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>12306</title>
		<style>
			span{
				color: orange;
				font-size: 13px;
			}
			
			#d1  a{
				color: orange;
			}
			a.c1 {
				text-decoration:none;
				color:dodgerblue;
			}
			/*
			p label+input{
				border: 1px solid red;
				color: red;
			}
			*/
			p label~input{
				border: 1px solid red;
				color: red;
			}
		</style>
	</head>
	<body>
		<form>
			<p><label>用户名：</label><input type="text"  name="yonhuming" placeholder="用户名设置成功后不可修改" pattern="[A-Za-z]\w[5-29]"/>&nbsp;6-30位字母、数字或“_”,字母开头</p>
			<p><label>登录密码：</label><input type="password"  name="pass" placeholder="6-20位字母、数字或符号" pattern="[A-Za-z0-9][6-20]"/></p>
			<p>确认密码：<input type="password"  name="pass" placeholder="再次输入您的登录密码" /></p>
			<p>
				证件类型：<select>
							<option selected="selected">中国居民身份证</option>
							<option>外国人永久居留身份证</option>
							<option>港澳台居民居住证</option>
				         </select>
			</p>
			<p>
				<input type="radio"  name="idtype" value="shenfenzheng" required="required" />中国居民身份证
			</p>
			<p>
			    <input type="radio"  name="idtype" value="waiguorenjuliuzheng" required="required" />外国人永久居留身份证
			</p>
			<p>
				<input type="radio"  name="idtype" value="gangaotongxing" required="required" />港澳台居民居住证
			</p>
			<p>姓 名：<input type="text"  name="name" placeholder="请输入姓名" required="required" /> &nbsp;<span><a #d1 href="#" style="color: orange"> 姓名填写规则</a> （用于身份核验，请正确填写）</span></p>
			<p>证件号码：<input type="text"  name="idnum" placeholder="请输入您的证件号码" required="required" \d[18]/><span>（用于身份核验，请正确填写）</span></p>
			<p><label>户籍： </label>
			  <input type="text" name="province" />省
			  <input type="text" name="province" />市
			</p>
			<p>
				性别：<input type="radio"  name="sex" value="nan" required="required" />男
			          <input type="radio"  name="sex" value="nv" required="required" />女
			</p>
			<p>邮 箱：<input type="text"  name="email" placeholder="请正确填写邮箱地址" pattern="\b[\w.%+-]+@[\w.-]+\.[a-zA-Z]{2,6}\b" /></p>
			<p>手机号码（+86）：<input type="text"  name="tel" placeholder="请输入您的手机号码" pattern="1[3578]\d{9}" /><span>请正确填写手机号码，稍后将向该手机号码发送短信验证码</span></p>
			<p>证件有效期截止日期：<input type="date"  name="deadline" /><span>（用于身份核验，请正确填写）</span></p>
			<p>出生日期：<input type="date"  name="birthday" /><span>（用于身份核验，请正确填写）</span></p>
			<p>
				旅客类型：<select>
							<option selected="selected">成人</option>
							<option>儿童</option>
							<option>学生</option>
							<option>残疾军人、伤残人民警察</option>
				         </select>
			</p>
			<p>
				<input type="checkbox" required="required" />我已阅读并同意遵守
			<a href="#" class="c1" >《中国铁路客户服务中心网站服务条款》</a><a href="#" class="c1" >《隐私权政策》</a> 
			</p>
		</form>
	</body>
</html>
